<template>
  <div class="flex-row bg-white">
    <img alt="" src="../assets/img/xun_zi.jpeg">
    <div class="article-box">
      <div class="title">《劝学》荀子</div>
      <div class="item">青，取之于蓝，而青于蓝；冰，水为之，而寒于水。</div>
      <div class="item">木直中绳，𫐓以为轮，其曲中规。虽有槁暴，不复挺者，𫐓使之然也。</div>
      <div class="item">故木受绳则直，金就砺则利，君子博学而日参省乎己，则知明而行无过矣。</div>
      <div class="item">故不登高山，不知天之高也；不临深溪，不知地之厚也；不闻先王之遗言，不知学问之大也。</div>
      <div class="item">吾尝终日而思矣，不如须臾之所学也；吾尝跂而望矣，不如登高之博见也。</div>
      <div class="item">登高而招，臂非加长也，而见者远；顺风而呼，声非加疾也，而闻者彰。</div>
      <div class="item">假舆马者，非利足也，而致千里；假舟楫者，非能水也，而绝江河。</div>
      <div class="item">君子生非异也，善假于物也。</div>
      <div class="item">积土成山，风雨兴焉；积水成渊，蛟龙生焉；积善成德，而神明自得，圣心备焉。</div>
      <div class="item">故不积跬步，无以至千里；不积小流，无以成江海。骐骥一跃，不能十步；驽马十驾，功在不舍。锲而舍之，朽木不折；锲而不舍，金石可镂。</div>
      <div class="item">蚓无爪牙之利，筋骨之强，上食埃土，下饮黄泉，用心一也。蟹六跪而二螯，非蛇鳝之穴无可寄托者，用心躁也。</div>

    </div>
  </div>
</template>

<script>
import {defineComponent} from "vue"

export default defineComponent({
  name: "Dashboard",
})
</script>

<style lang="scss" scoped>
.article-box {
  padding: 20px 40px;
  writing-mode: tb-rl;

  .title {
    line-height: 60px;
    font-size: 22px;
  }

  .item {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
  }
}
</style>
